.corps{
	padding:0;
	margin:0;
	width:100%;
	margin-top:-18px;
	/*background-color:#eae7ee;*/
	
	background: -webkit-gradient(linear, left top, left bottom, from(#eae7ee), to(#000000)) ;
    background : -moz-linear-gradient(top, #eae7ee, #000000);
	/*background-color:#7abbe2;*/
	/*background-image:url(images/tribal.svg);
	background-repeat:repeat-x;
	background-position:0px 120px;*/
	overflow-x:hidden;
	min-height:680px;
	
}

h1{
	font: 28px 'Chau Philomene One', sans-serif;
	margin-left:20%;
	z-index:10;
}

.partieCentrale{
	margin:auto;	
	background-color:#7ec3de; 
	width :75%;
	-moz-box-shadow: 1px 5px 10px #999;  
    -webkit-box-shadow: 1px 5px 10px #999;  
    box-shadow: 1px 5px 10px #999;
    -webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
    opacity:0.95;
    position:relative;
    z-index:10;
    min-height:750px;
}

#texteAccueil{
	font: 18px 'Chau Philomene One', sans-serif;
	padding-left: 10%;
	z-index:10;
	}
	
/* La fancybox de connexion  */	
#contenu{
	min-height:300px;
	font : 20px 'Chau Philomene One', sans-serif;
	}
	
#inputContenu{
	font : 20px 'Chau Philomene One', sans-serif;
	margin-top:60px;
	margin-left:50px;
	}
	
#boutonConnexion{
	padding:4px;
	padding-left:10px;
	padding-right:10px;
	margin-left:50px;
	margin-top:100px;
	font:18px 'Chau Philomene One', sans-serif;
}
	

	/* Mise en page de la creation de compte */
#creationCompte{
	padding-left:150px;   
	}
	
.correct{
	display:none;
	color:#19c030;
	}
	
.incorrect{
	display:none;
	color:#c71912;
	}
 
.bouton{
	margin-left:70%;
	margin-bottom:20px;
	padding:4px;
	padding-left:10px;
	padding-right:10px;
	font:18px 'Chau Philomene One', sans-serif;
	}

	/* modification profil   */
.modification{
	font: 16px 'Chau Philomene One', sans-serif;
}

input[type="email"]{
        width:180px;
        }  

.boutonModif{
	font:18px 'Chau Philomene One', sans-serif;
	padding:4px;
	float:right;
}

/*   LE PROFIL   */
#photoProfil{
	/*width:60%;
	height:20%;*/
	border-radius:10px;
    -moz-border-radius:10px; /* pour mozilla*/
}

.profil{
	display:table-cell;
}

.profil:first-child{
	width:33%;
	padding-left:10%;
}

.profil + .profil{
	width:40%;
	padding-left:10%;
	padding-top:20px;
	vertical-align:top;
	background-color:#fff;
	-moz-box-shadow: 1px 5px 10px #999;  
    -webkit-box-shadow: 1px 5px 10px #999;  
    box-shadow: 1px 5px 10px #999;
    border-radius:10px;
    -moz-border-radius:10px; /* pour mozilla*/
}

#imageModifier{
	float:right;
	margin-right:10px;
	margin-bottom:10px;
}

#imageModifier:hover{
	-moz-transform: rotate(-15deg);  
    -webkit-transform: rotate(-15deg); 
}

.recapAnnonce{
	width:72%;
	padding-left:80px;
	margin-left:2%;
	padding-top:20px;
	margin-top:20px;
	min-height:60px;
	background-color:#fff;
	-moz-box-shadow: 1px 5px 10px #999;  
    -webkit-box-shadow: 1px 5px 10px #999;  
    box-shadow: 1px 5px 10px #999;
    border-radius:10px;
    -moz-border-radius:10px; /* pour mozilla*/
}

#contenuProfil{
	font: 16px 'Exo', sans-serif;
	margin-left: 8%;
	margin-top: 90px;
	margin-right:1%;
	
}

/*  MES ANNONCES  */
.aDroite{
	float:right;
}


.Annonce{
	font:15px 'Chau Philomene One', sans-serif;
	width:72%;
	padding-left:80px;
	padding-top:10px;
	margin-top:20px;
	padding-bottom:2px;
	height:100px;
	background-color:#fff;
	-moz-box-shadow: 1px 5px 10px #999;  
    -webkit-box-shadow: 1px 5px 10px #999;  
    box-shadow: 1px 5px 10px #999;
    border-radius:10px;
    -moz-border-radius:10px; /* pour mozilla*/
}

/*  BONS PLANS -> acheter credits + devenir premium */
#offreCredit{
	text-align:center;
	width : 20%;
	height : 200px;
	font:16px 'Exo', sans-serif;;
	padding:10px;
	margin-right :3%;
	margin-left : 3%;
	margin-top : 40px;
	background-color:#fff;
	-moz-box-shadow: 1px 5px 10px #999;  
    -webkit-box-shadow: 1px 5px 10px #999;  
    box-shadow: 1px 5px 10px #999;
    border-radius:10px;
    -moz-border-radius:10px; /* pour mozilla*/
	float:left;
}

#passerPremium{
	width:76%;
	height:150px;
	margin-top : 40px;
	margin-left:3%;
	font:16px 'Exo', sans-serif;
	padding:10px;
	background-color:#fff;
	-moz-box-shadow: 1px 5px 10px #999;  
    -webkit-box-shadow: 1px 5px 10px #999;  
    box-shadow: 1px 5px 10px #999;
    border-radius:10px;
    -moz-border-radius:10px; /* pour mozilla*/
    float:left;
}

.titreCodystar{
	font-family: 'Codystar', cursive;
	font-size:28px;
}

.imageBestValue{
	float:right;
	width:40px;
	height:40px;
}

.imageNew{
	float:left;
	width:38px;
	height:38px;
}

.alignerImage{
	vertical-align:middle;
}

#acheter{
	padding:4px;
	margin:auto;
	font:18px 'Chau Philomene One', sans-serif;
	color:#b6294c;
}

#bouton{
	padding:4px;
	padding-left:10px;
	padding-right:10px;
	font:18px 'Chau Philomene One', sans-serif;
}

#ajoutCarte{
	width:100%;
	height:220px;
	margin-top : 40px;
	margin-left:3%;
	font:16px 'Exo', sans-serif;
	padding:10px;
	background-color:#fff;
	-moz-box-shadow: 1px 5px 10px #999;  
    -webkit-box-shadow: 1px 5px 10px #999;  
    box-shadow: 1px 5px 10px #999;
    border-radius:10px;
    -moz-border-radius:10px; /* pour mozilla*/
}

#aGauche{
	float:left;
	margin-left:5%;
}

#uneNews{
	width:70%;
	height:160px;
	margin:auto;
	margin-top:50px;
	font:16px 'Exo', sans-serif;
	padding:10px;
	background-color:#fff;
	-moz-box-shadow: 1px 5px 10px #999;  
    -webkit-box-shadow: 1px 5px 10px #999;  
    box-shadow: 1px 5px 10px #999;
    border-radius:10px;
    -moz-border-radius:10px; /* pour mozilla*/
	
}

#NouvelleNews{
	margin:auto;
	margin-top:50px;
	width:33%;
	font:18px 'Chau Philomene One', sans-serif;
	padding:10px;
	background-color:#fff;
	-moz-box-shadow: 1px 5px 10px #999;  
    -webkit-box-shadow: 1px 5px 10px #999;  
    box-shadow: 1px 5px 10px #999;
    border-radius:10px;
    -moz-border-radius:10px; /* pour mozilla*/
	
}
/**********************************************/
/*           Pied de page du site             */
/**********************************************/

.bottom{
	color:#fff;
	font: 14px 'Chau Philomene One', sans-serif;
	z-index : 10;
	margin:auto;
	height:20px;
	width:550px;
}